body {
  font-family: PingFang SC;
}
.input-group-text {
  background-color: rgb(49, 122, 255);
  color: #ffffff;
  display: block;
}
.btngn {
  width: 148px;
  line-height: 56px;
  margin-top:-1px;
  padding: 0;
}
.container .input-group .form-control{
  height: 56px;
  border-color: rgba(27,149,249,1);
}
.contentContainer {
  margin-top: 80px;
  box-sizing: border-box;
  background: #fff;
  overflow: hidden;
  position: relative;
}
.contentContainerheader {
  max-width: 1410px;
  margin: auto;
  background: #fff;
  box-sizing: border-box;
  height: 80px;
  border-bottom: 1px solid rgb(215, 224, 244);
}
.fixednavcontainer {
  position: fixed;
  top: 0;
  left: 0;
  height: 80px;
  width: 100%;
  background-color: #fff;
  box-sizing: border-box;
  z-index: 1;
  border-bottom: 1px solid rgb(215, 224, 244);
}
.fixedleft {
  position: fixed;
  width: 288px;
  height: calc(100vh - 80px);
  top: 80px;
  left: 0;
  background: rgb(243, 248, 255);
  overflow: auto;
  overflow-x: hidden;
}
.fixedleft .card {
  width: 328px;
}
.fixedright {
  position: fixed;
  width: 423px;
  height: calc(100vh - 8px);
  top: 80px;
  right: 0;
  overflow: auto;
}
.automiddle {
  margin: 0px 473px 0 288px;
  min-height: calc(100vh - 80px);
  box-sizing: border-box;
}
.title {
  margin: 91px 0 26px 0;
  font-size: 36px;
}
.mr-auto {
  margin-left: 178px;
}
.searchadd {
  display: flex;
  max-width: 800px;
  margin: 27px auto;
}
.searchadd p {
  margin-right: 26px;
  font-size: 14px;
  font-weight: 300;
  color: rgb(128, 146, 176);
}
.search {
  margin-bottom: 27px;
}
.navbar {
  padding: 20px 40px;
  font-size: 14px;
  font-family: PingFang SC;
}
.nav-icon {
  font-size: 18px;
  width: 170px;
  height: 40px;
  position: fixed;
  left: 50px;
  box-sizing: border-box;
  padding-left: 99px;
  background: url("./../img/logo.png") no-repeat;
  background-size: 66px 31px;
  background-position: 0 5px;
}
.nav-item {
  min-width: 88px;
}
.nav-icon::after {
  content: "";
  position: absolute;
  width: 1px;
  height: 40px;
  background: rgb(223, 228, 237);
  left: 82px;
  top: 0;
}
.btnlg {
  width: 100px;
  height: 40px;
  border-radius: 4px;
  background-color: rgb(27, 149, 249);
  font-size: 14px;
  font-family: PingFang SC;
  font-weight: 300;
  color: rgb(255, 255, 255);
  outline: none;
  border: 0;
  display: flex;
}
.btnlg a{
  flex-grow: 1;
  line-height: 40px;
}
.pannel {
  height: 400px;
  box-sizing: border-box;
  background: url("./../img/home_banner.png") no-repeat;
  background-size: cover;
  margin-top: 80px;
  overflow: hidden;
}
.subtitle {
  color: rgb(85, 95, 112);
  font-size: 20px;
  margin-bottom: 63px;
}
.list-card {
  width: 1206px;
  min-height: 472px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 0 auto;
}

.list-card__item {
  width: 280px;
  height: 280px;
  margin-top: 100px;
  background: rgba(255, 255, 255, 1) url('./../img/page.png') no-repeat 57px/47px;
  background-position: 31px 25px;
  box-shadow: 0px 0px 12px 0px rgba(124, 134, 177, 0.16);
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  padding: 31px;
}

.list-card__item__title {
  width: 63px;
  height: 20px;
  font-size: 20px;
  font-weight: 500;
  color: rgba(59, 65, 76, 1);
}

.list-card__item__split {
  width: 28px;
  height: 2px;
  background: rgba(27, 149, 249, 1);
  border-radius: 1px;
}

.list-card__item__introduce {
  width: 202px;
  height: 40px;
  font-size: 14px;
  font-weight: 300;
  color: rgba(128, 146, 176, 1);
  line-height: 26px;
}

.list-card__item__icon {
  width: 67px;
  height: 57px;
  font-size: 50px;
  text-align: center;
}
.list-container {
  max-width: 1236px;
  margin: auto;
  min-height: 472px;
}
.list2-container {
  max-width: 1236px;
  margin: auto;
  min-height: 468px;
  overflow: hidden;
  display: flex;
  align-items: center;
}
/* .list2-container >div:first-child{
  background: url('./../img/web_icon_touy.png') no-repeat 118px/340px;
  background-position: 330px 0;
}
.list2-container >div:nth-child(2){
  background: url('./../img/web_icon_touy.png') no-repeat 118px/340px;
  background-position: 330px 0;
} */
.list3-container {
  max-width: 1236px;
  margin: auto;
  min-height: 420px;
}
.list2-pannel {
  width: 435px;
}
.list2-pannel span {
  display: inline-block;
  margin-bottom: 49px;
  font-size: 18px;
  font-weight: 500;
  color: rgb(59, 65, 76);
}
.list2-pannel ul {
  padding: 0 0 0 15px;
}
.list2-pannel li {
  margin-bottom: 33px;
  font-size: 14px;
  font-weight: 300;
  color: rgb(85, 95, 112);
}
.list3-pannel span {
  display: inline-block;
  margin-top: 83px;
  margin-bottom: 59px;
  font-size: 16px;
  font-weight: 400;
}
.list3-pannel ul {
  list-style: none;
  padding: 0;
}
.list3-pannel li {
  margin-bottom: 32px;
  font-size: 14px;
  font-weight: 100;
  color: rgb(205, 205, 205);
}
.qrcode {
  position: relative;
}
.qrcode::before {
  content: "";
  position: absolute;
  top: 65px;
  left: 20px;
  width: 1px;
  height: 233px;
  background: rgb(205, 205, 205);
}
.qrcode span {
  margin: 260px auto auto 129px;
}
.more-icon {
  position: absolute;
  width: 48px;
  height: 48px;
  top: 14px;
  right: 16px;
  background: url("./../img/more.png") no-repeat;
  background-size: 48px 48px;
}
.mobilenavcontainer {
  position: fixed;
  height: 100vh;
  overflow: auto;
}
.mobilenav {
  position: absolute;
  top: 0;
  left: 0;
  min-height: 100vh;
  width: 100%;
  z-index: 1;
  background: #858585;
}
.mobilemain {
  background: rgba(39, 41, 62, 1);
  padding: 0;
  box-shadow: 0px 12px 32px 0px rgba(25, 23, 43, 0.36);
}
.mobilemain .accordion {
  background: black;
}
.msearch {
  height: 137px;
  display: flex;
}
.msearch .navbar-form {
  margin: auto 5px auto 5px;
}

@media screen and (max-width: 574px) {
  .title {
    margin: 50px auto 26px auto;
  }
  .subtitle {
    margin-bottom: 57px;
    font-weight: 100;
  }
  .pannel {
    height: 360px;
  }
}
/* details */
.card-header {
  border: 0;
  width: 100%;
  background: rgb(243, 248, 255);
  color: rgb(59, 65, 76);
  height: 52;
}
.card-header a {
  color: #3B414C;
  line-height: 52px;
  font-weight: 600;
  font-size: 16px;
}

.collapse .card-body {
  padding: 0;
}
._list {
  background: rgb(243, 248, 255);
  list-style: none;
  font-size: 14px;
  margin: 0;
  padding: 0;
}
._list li a {
  color: #576987;
  text-decoration: none;
}
._list li {
  height: 48px;
  line-height: 48px;
  padding-left: 96px;
}
.nav_left {
  position: relative;
  min-height: calc(100vh - 80px);
  margin: 0;
  padding: 0;
}
.nav_left .card {
  border: 0;
}

.nav_left .card-header {
  padding: 0 0 0 76px;
  box-sizing: border-box;
  border-top: 1px solid #D7E0F4;
}
.nav_left .card >div:first-child{
  border:0;
}
.main-content {
  min-height: calc(100vh - 80px);
  box-sizing: border-box;
  padding: 75px 82px 95px 83px;
  line-height: 28px;
}
.navigation {
  position: absolute;
  left: 122px;
  bottom: 44px;
}
.pagination .page-item {
  min-width: 46px;
  border: 0;
}
.pagination .page-item .page-link {
  border: 0;
  color: rgba(136, 136, 136, 1);
  outline: none;
}
.input-group .input-group-btn {
  background: rgba(27, 149, 249, 1);
  color: #fff;
  border-radius: 0 4px 4px 0;
}
.input-group .input-group-btn .btn {
  color: #fff;
}
.col-lg-2 .navbar-right {
  margin: 27px 0 0 22px;
}
a:hover {
  text-decoration: none;
}
.card-header a {
  text-decoration: none;
}
#outline {
  border-left: 1px solid rgb(215, 224, 244);
  padding: 0 0 0 69px;
  font-size: 14px;
  list-style: none;
}
#outline li {
  line-height: 45px;
}
#outline li a {
  color: rgb(87, 105, 135);
  font-size: 14px;
}

#outline .suboutline {
  position: relative;
  height: 39px;
  margin-left: 14px;
}
#outline .suboutline::before {
  content: "";
  position: absolute;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: rgba(167, 180, 201, 1);
  top: 20px;
  left: -12px;
}
.fixedright .form-group {
  width: 300px;
  margin: 27px auto 30px 58px;
}

.navbar-nav .nav-item {
  text-align: center;
}
.navbar-nav .nav-item .nav-link {
  color: #3b414c;
}
.navbar-nav .nav-item .nav-current {
  position: relative;
  color: rgba(27, 149, 249, 1);
}
.nav-current::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 4px;
  top: 55px;
  left: 0;
  background: rgba(27, 149, 249, 1);
}
.search-content h2 a {
  font-size: 20px;
  font-family: Source Han Sans CN;
  font-weight: 400;
  color: #3b414c;
  line-height: 28px;
  margin-bottom: 20px;
}

.search-tip {
  height: 12px;
  font-size: 12px;
  font-family: Source Han Sans CN;
  font-weight: 300;
  color: rgba(167, 180, 201, 1);
  line-height: 28px;
  margin-bottom: 35px;
}
h1,
h2,
h3,
h4 {
  font-size: 20px;
  font-family: Source Han Sans CN;
  font-weight: 500;
  color: #3B414C;
  line-height: 28px;
  margin: 20px auto;
}
h4 {
  font-weight: 400;
}
p, li{
  color: #555F70;
  line-height: 28px;
  font-size: 14px;
}
p{
  margin-bottom: 33px;
}
table,th,tr{
  font-size: 14px;
}
th{
  white-space: nowrap;
}
tr >td:first-child{
  white-space: nowrap;
}
#outline .leftCurrent{
  color: #1B95F9;
}
.leftCurrent{
  background: #fff;
}
._list .leftCurrent a{
  color: #1B95F9;
}
.leftCurrent a{
  color: #1B95F9;
}
.navbar-right .form-control{
  font-size: 14px;
  height: 38px;
}